import React from 'react';
import './share.scss'
const Share = () => {
  let imgs_skx=[
    {icon_skx:"//t16img.yangkeduo.com/mms_static/17a8cf4c322a20e94b0d6153d7b450da.png",img1_skx:"//t16img.yangkeduo.com/mms_static/9b2faa71ddad97ca776e5e99eb0d856c.png",txt_skx:"使用手机号登录网站"},
    {icon_skx:"//t16img.yangkeduo.com/mms_static/17a8cf4c322a20e94b0d6153d7b450da.png",img1_skx:"//t16img.yangkeduo.com/mms_static/cf44f3e9ddf05204255d101776e81da5.png",txt_skx:"点击立即推广 生成推广链接"},
    {icon_skx:"//t16img.yangkeduo.com/mms_static/17a8cf4c322a20e94b0d6153d7b450da.png",img1_skx:"//t16img.yangkeduo.com/mms_static/ab9d70a2870a85ee16d73234367c4155.png",txt_skx:"链接发给他人或者自己 他人或自己点开链接可以领取优惠券下单"},
    {img1_skx:"//t16img.yangkeduo.com/mms_static/852d3ef5b983d94f2cc877d2b4e9bf58.png",txt_skx:"你将获得对应佣金 佣金可以在网站上绑卡提现"},
  ]
  let AppContent = [
    {img2_skx:"https://funimg.pddpic.com/ddjb/2020-09-03/ab8f1455-af1e-4c35-b939-2182d66479cb.png.slim.png",conTxt:"接入手机商城"},
    {img2_skx:"https://funimg.pddpic.com/ddjb/2020-09-03/5fc77b88-880b-471c-8ef8-a250caed86aa.png.slim.png",conTxt:"接入福利频道"},
    {img2_skx:"https://funimg.pddpic.com/ddjb/2020-09-03/135b55f5-5122-41d8-9a18-c8fd653807a2.png.slim.png",conTxt:"接入玩法活动"},
    {img2_skx:"https://funimg.pddpic.com/ddjb/2020-09-03/4fcf0bc2-d008-4cc5-82a1-dd702dfbd876.png.slim.png",conTxt:"接入手机商城"},
    {img2_skx:"https://funimg.pddpic.com/ddjb/2020-09-03/7738039c-1655-40b6-9e20-3ac2eb8d0c98.png.slim.png",conTxt:"其他更多"}
  ]
  let ourProduct = [
    {img2_skx:"//t16img.yangkeduo.com/mms_static/39487e7e7cbe66ccd7bdcc6c549a7e55.png",conTxt:"多多进宝公众号",propP2:"关注后自动成为推手,",propP3:"点击“立即赚钱”开始分享商品。"},
    {img2_skx:"//t16img.yangkeduo.com/mms_static/5a6da28bc4ed34f120da725bc3ac864e.png",conTxt:"多多进宝网站",propP2:"使用手机号码进行注册，,",propP3:" 海量商品等您推广，赚取高额佣金！"},
    {img2_skx:"//t16img.yangkeduo.com/mms_static/8b2a556dc779d0a6a78c8e747746c64b.png",conTxt:"多多进宝API",propP2:"获得商品库接口，已为您准备好精选热销商品，,",propP3:"并提供多种帮助您推广的玩法。"}
  ]
  return (
    <div className="container_skx">

      <div className="banner_skx">
        <img className="share_img1" src="//t16img.yangkeduo.com/mms_static/72e2f508ef3243790400d6c7eb122db0.jpg" alt=""/>
        <div className="share_header">
          <img className="share_img2" src="//t16img.yangkeduo.com/mms_static/2f3849e0bf0292349c4e83ef54a8ecf5.png" alt=""/>
          <ul>
            <li>推广管理</li>
            <li>我要推广</li>
            <li>效果数据</li>
            <li>我的工具</li>
            <li>招商团长</li>
            <li>我要体现</li>
            <li>开发者中心</li>
          </ul>
          <div className="logins">
            <div className="msg_skx"><img src="https://funimg.pddpic.com/ddjb/2020-09-28/626fe67b-8ea8-4fe6-aec3-dfd0be127579.png.slim.png" alt=""/>消息</div>
          <div className="login_skx">登录</div>
          </div>
        </div>
        <img className="share_img3" src="//t16img.yangkeduo.com/mms_static/c22e98f3a8c781483f03ce8b94ff6d59.png" alt=""/>
        <img className="share_img4" src="//t16img.yangkeduo.com/mms_static/31131434c7624b7123cb0d84c0a32ff7.png" alt=""/>
        <div className="lesson_skx">
          <ul>{
              imgs_skx.map((item,index)=>{
                return <> <li key={index}>
                    <img src={item.img1_skx} alt=""/>
                    <p>{item.txt_skx}</p>
                  </li>
                  <img src={item.icon_skx} alt=""/>
                </>
              })
            }
            
          </ul>
        </div>
      </div>
      <div className="AppLesson">
        <div className="AppTit">
          <div className="AppL_Line"></div>
          <span className="AppPoint"></span>
          <span className="AppTxt">APP接入指南</span>
          <span className="AppPoint"></span>
          <div className="AppR_Line"></div>
        </div>
        <ul className="AppList">{
            AppContent.map((item,index)=>{
              return <>
                <li className="AppContent" key={index}>
                  <img className="AppImg1" src={item.img2_skx} alt=""/>
                  <p className="AppP1">{item.conTxt}</p>
                </li>
              </>
            })
          }
        </ul>
      </div>
      <div className="ourProduct">
        <div className="AppTit">
          <div className="AppL_Line"></div>
          <span className="AppPoint"></span>
          <span className="AppTxt">我们提供的产品</span>
          <span className="AppPoint"></span>
          <div className="AppR_Line"></div>
        </div>
        <ul className="ProList">{
            ourProduct.map((item,index)=>{
              return <>
                <li className="proContent" key={index}>
                  <img className="proImg1" src={item.img2_skx} alt=""/>
                  <p className="proP1">{item.conTxt}</p>
                  <div>
                    <p className="proP2">{item.propP2}</p>
                    <p className="proP2">{item.propP3}</p>
                  </div>
                </li>
              </>
            })
          }
        </ul>
      </div>
      {/* <div className="goodness">
        <div className="AppTit">
          <div className="AppL_Line"></div>
          <span className="AppPoint"></span>
          <span className="AppTxt">APP接入指南</span>
          <span className="AppPoint"></span>
          <div className="AppR_Line"></div>
        </div>
        <ul className="AppList">{
            AppContent.map((item,index)=>{
              return <>
                <li className="AppContent" key={index}>
                  <img className="AppImg1" src={item.img2_skx} alt=""/>
                  <p className="AppP1">{item.conTxt}</p>
                </li>
              </>
            })
          }
        </ul>
      </div> */}
      <div></div>
      <div></div>
      <div></div>
    </div>
  );
};

export default Share;